<template>
    <div class="fillcontain">
        <head-top></head-top>
        <el-tabs type="border-card"  v-model="activityPanel" @tab-click="handleClick" >
            <el-tab-pane label="学生信息列表">
                <userList></userList>
            </el-tab-pane>
            <el-tab-pane label="新增潜在生" name="qianzai">
                <add-student v-bind:usertypepage=1 ></add-student>
            </el-tab-pane>
            <el-tab-pane label="新增试听生" name="shiting">
                <add-student v-bind:usertypepage=2 ></add-student>
            </el-tab-pane>

        </el-tabs>
    </div>
</template>

<script>
    import headTop from '../components/headTop'
    import addStudent from '../page/addStudent'
    import userList from '../page/userList.vue'
    import feeprint from '../page/feeprint.vue'
    import updateStudent from '../page/updateStudent.vue'
    import usercharge from '../page/usercharge.vue'
    import {getUserList, getUserCount} from '@/api/getData'

    export default {
        data() {
            return {
                activityPanel:'zhengshi',
                feeprintDisplay:true,
                currentRow: null,
                offset: 0,
                limit: 20,
                count: 0,
                currentPage: 1,
                tabs:[{
                    label:"新增潜在生",
                    qianzai:"qianzai",
                    component:addStudent,
                    usertypepage:1,
                },
                    {
                        label:"新增潜在生",
                        name:"qianzai",
                        component:addStudent,
                        usertypepage:1,
                    },
                    {
                        label:"新增潜在生",
                        name:"qianzai",
                        component:addStudent,
                        usertypepage:1,
                    },
                    {
                        label:"新增潜在生",
                        name:"qianzai",
                        component:addStudent,
                        usertypepage:1,
                    },
                    {
                        label:"新增潜在生",
                        name:"qianzai",
                        component:addStudent,
                        usertypepage:1,
                    },
                    {
                        label:"新增潜在生",
                        name:"qianzai",
                        component:addStudent,
                        usertypepage:1,
                    },
                    {
                        label:"新增潜在生",
                        name:"qianzai",
                        component:addStudent,
                        usertypepage:1,
                    }

                ]

            }
        },
        components: {
            headTop,
            addStudent,
            userList,
            feeprint,
            updateStudent,
            usercharge,
        },
        created() {

            this.initData();
        },
        methods: {
            feeprint(id){
                this.feeprintDisplay=true;
                this.activityPanel='print';

            },
            handleClick(tab, event) {
                alert(tab.length());
            },
        },
    }
</script>
